<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        header {
            width: 100px;
            height: 100px;
            background-color: #6593ee;
            position: relative;
            z-index: 2;
        }

        .tooltip {
            width: 100px;
            height: 150px;
            top: -50px;
            background-color: #07d268;
            position: absolute;
            z-index: 999999;
        }

        main {
            background-color: #833cc9;
            position: relative;
        }
    </style>
</head>
<body>

<header>
    My Cool Site
</header>
<main>
    <div class="tooltip">
        A tooltip
    </div>
    <p>Some main content</p>
</main>
<script>
  let obj = {};
  Object.defineProperty(obj, 'a', {
    value: 1,
    writable: true,
  })
  console.log(obj)

</script>
</body>
</html>
